$(function () {
   showMessage();

    //修改
    $("#messageTableBody").on("click",".editBtn",function(){
        // 1.获取当前按钮的messageId
        window.messageId= $(this).attr("messageId");
        // 2.获取当前按钮+所在行的certName,回显到文本框
        var content = $(this).parent("td").prev().text();
        // 3.修改模态框中文本框的value值，目的是在显示certName
        $("#messageInputEdit").val(content);
        // 4.打开模态框
        $("#editModal").modal("show");
    });
    //确认修改
    $("#editModalBtn").click(function () {
        // 1.获取文本框值
        var content = $("#messageInputEdit").val();
        if(content.length==0) {
            layer.msg("不能为空！");
            return ;
        }
        $.ajax({
            url:"/message/update/message",
            type:"post",
            data:{
                "id":window.messageId,
                "content":content
            },
            dataType:"json",
            success:function (ajaxResult) {
                if(ajaxResult.result == "SUCCESS") {
                    // 3.操作成功重新分页
                    layer.msg("修改成功")
                    showMessage();
                }else{
                    layer.msg("修改失败");
                }
                // 4.不管成功还是失败，关闭模态框
                $("#editModal").modal("hide");
            }
        });
    });
});

function showMessage() {
    $.ajax({
        url:"/message/select/message",
        dataType:"json",
        type:"post",
        success:function (ajaxResult) {
            if (ajaxResult.result=="SUCCESS"){
                var list = ajaxResult.data;
                //清空旧数据
                $("#messageTableBody").empty();
                if (list.length == 0) {
                    //没数据
                    var tr = $('<tr></tr>');
                    var td = $('<td colspan="4">没有查询到数据！</td>');
                    tr.append(td);
                    $("#messageTableBody").append(tr);
                } else {
                    //有数据
                    for (var i = 0; i < list.length; i++) {
                        var tr = $('<tr></tr>');
                        var td1 = $('<td>' + (i + 1) + '</td>');
                        var td3 = $('<td>' + list[i].content + '</td>');
                        var td4 = $('<td></td>');
                        var btn2 = $('<button messageId="' + list[i].id + '" type="button" class="btn btn-primary btn-xs editBtn"><i class=" glyphicon glyphicon-pencil"></i></button>');
                        td4.append(btn2);

                        tr.append(td1);
                        tr.append(td3);
                        tr.append(td4);
                        $('#messageTableBody').append(tr);
                    }
                }
            }
        }

    })
}